
Ext.define("PrjAPLean.view.bcd.poapply.MonthTable",{
    extend: "Ext.panel.Panel",

    requires: [
        "PrjAPLean.view.bcd.poapply.MonthTableController",
        "PrjAPLean.view.bcd.poapply.MonthTableModel"
    ],

    controller: "bcd-poapply-monthtable",
    viewModel: {
        type: "bcd-poapply-monthtable"
    },

    title: "Please input accrual information",
    titleAlign:"center",
    layout:"hbox",
    items:[
        {xtype:"textfield",fieldLabel:"Jan",name:"Jan",flex:1,layout:"vbox"},
        {xtype:"textfield",fieldLabel:"Feb",name:"Jan",flex:1,layout:"vbox"},
        {xtype:"textfield",text:"Jan",name:"Jan",flex:1},
        {xtype:"textfield",text:"Jan",name:"Jan",flex:1},
        {xtype:"textfield",text:"Jan",name:"Jan",flex:1},
        {xtype:"textfield",text:"Jan",name:"Jan",flex:1},
        {xtype:"textfield",text:"Jan",name:"Jan",flex:1},
        {xtype:"textfield",text:"Jan",name:"Jan",flex:1},
        {xtype:"textfield",text:"Jan",name:"Jan",flex:1},
        {xtype:"textfield",text:"Jan",name:"Jan",flex:1},
        {xtype:"textfield",text:"Jan",name:"Jan",flex:1},
        {xtype:"textfield",text:"Jan",name:"Jan",flex:1}
    ],
    columns: [
        { text: 'Jan',  dataIndex: 'name', flex: 1 },
        { text: 'Feb', dataIndex: 'email', flex: 1 },
        { text: 'Mar', dataIndex: 'phone', flex: 1 },
        { text: 'Apr', dataIndex: 'phone', flex: 1 },
        { text: 'May', dataIndex: 'phone', flex: 1 },
        { text: 'Jun', dataIndex: 'phone', flex: 1 },
        { text: 'Jul', dataIndex: 'phone', flex: 1 },
        { text: 'Aug', dataIndex: 'phone', flex: 1 },
        { text: 'Sep', dataIndex: 'phone', flex: 1 },
        { text: 'Oct', dataIndex: 'phone', flex: 1 },
        { text: 'Nov', dataIndex: 'phone', flex: 1 },
        { text: 'Dec', dataIndex: 'phone', flex: 1 }
    ]
});
